<script setup lang="ts">
// 子调父(实现关闭弹出层)
const emit = defineEmits<{
    (event: 'close'): void
}>()
</script>

<template>
    <view class="service-panel">
        <!-- 关闭按钮 -->
        <text class="close icon-close" @tap="emit('close')"></text>
        <!-- 标题 -->
        <view class="title">服务说明</view>
        <!-- 内容 -->
        <view class="content">
            <view class="item">
                <view class="dt">无忧退货</view>
                <view class="dd">
                    自收到商品之日起30天内，可在线申请无忧退货服务（食品等特殊商品除外）
                </view>
            </view>
            <view class="item">
                <view class="dt">快速退款</view>
                <view class="dd">
                    收到退货包裹并确认无误后，将在48小时内办理退款，
                    退款将原路返回，不同银行处理时间不同，预计1-5个工作日到账
                </view>
            </view>
            <view class="item">
                <view class="dt">满88元免邮费</view>
                <view class="dd">
                    单笔订单金额(不含运费)满88元可免邮费，不满88元， 单笔订单收取10元邮费
                </view>
            </view>
        </view>
    </view>
</template>

<style lang="scss">
/* H5端默认开启scoped样式隔离, 导致组件基础样式无效 */
@import './styles/ServicePanel.scss';
</style>